/* 公共样式表 */

/* 版心：固定宽度，水平居中 */
.container {
  width: 1200px;
  margin: 0 auto;
}

/* 设置浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}

/* 清除浮动 */
.clear {
  /* 新加一个空的div，给div设置清除浮动 */
  clear: both;
}
.clearfix:after {
  /* 父级元素内所有子元素都浮动时，给父级元素设置清除浮动 */
  content: "";
  height: 0;
  display: block;
  clear: both;
  zoom: 1; /* ie6兼容 */
}

/* 设置定位 */
.rel {
  position: relative;
}
.abs {
  position: absolute;
}
.fix {
  position: fixed;
}

/* 设置层级 */
.zi1 {
  z-index: 1;
}
.zi9 {
  z-index: 9;
}
.zi10 {
  z-index: 10;
}
.zi999 {
  z-index: 999;
}
.zi1000 {
  z-index: 1000;
}

/* 显示隐藏 */
.dpib {
  display: inline-block;
}
.dpb {
  display: block;
}
.dpn {
  display: none;
}

/* 更改手型 */
.cp {
  cursor: pointer;
}

/* 禁止选中 */
.usn {
  user-select: none;
}

/* input禁止高亮 */
.on {
  outline: none;
}

/* 开启怪异盒子 */
.bsbb {
  box-sizing: border-box;
}

/* 盒子水平居中 */
.mauto {
  margin: 0 auto;
}

/* 本文盒子对齐 */
.vam {
  vertical-align: middle;
}

/* 文字居中 */
.tac {
  text-align: center;
}

/* 字体大小 */
.fs14 {
  font-size: 14px;
}
.fs16 {
  font-size: 16px;
}
.fs18 {
  font-size: 18px;
}
.fs20 {
  font-size: 20px;
}
.fs22 {
  font-size: 22px;
}
.fs24 {
  font-size: 24px;
}
.fs26 {
  font-size: 26px;
}
.fs28 {
  font-size: 28px;
}
.fs30 {
  font-size: 30px;
}
.fs32 {
  font-size: 32px;
}
.fs34 {
  font-size: 34px;
}

/* 字体粗细 */
.fw400 {
  font-weight: 400;
}
.fw600 {
  font-weight: 600;
}

/* 字体倾斜 */
.fsi {
  font-style: italic;
}

/* 字体颜色 */
.c00 {
  color: #000;
}
.cff {
  color: #fff;
}
.c33 {
  color: #333;
}
.c66 {
  color: #666;
}
.c006 {
  color: #006fff;
}
.c6f {
  color: #6f6f6f;
}
.c80 {
  color: #808080;
}
.c97 {
  color: #979797;
}
.c9f {
  color: #9f9f9f;
}
.cb2 {
  color: #b2b2b2;
}
.cd9 {
  color: #d9d9d9;
}
.cff0 {
  color: #ff0000;
}
.cfb {
  color: #fb9f05;
}
.cfe {
  color: #feb80f;
}
.cff7 {
  color: #ff72fd;
}
.cfff8 {
  color: #fff8fe;
}

/* 背景颜色组件 */
body {
  min-width: 1200px; /* 设置最小宽度，防止页面缩小时出现残缺 */
  background-color: #f4f4f4;
}
.bg00 {
  background-color: #000;
}
.bgff {
  background-color: #fff;
}
.bgfb {
  background-color: #fb9f05;
}
.bgfe {
  background-color: #feb80f;
}
.bgcr {
  background-color: crimson;
}
.bga8 {
  background-color: #aa81ca;
}
.bgffdb {
  background-color: #ffdbdb;
}
.bgac {
  background-color: #acd0ff;
}
.bg52 {
  background-color: #520395;
}
.bgffb {
  background-color: #ffbd0d;
}
.bg7a {
  background-color: #7a45e5;
}
.bgf7 {
  background-color: #f770cf;
}
.bg00b {
  background-color: #00b262;
}
.bgff6 {
  background-color: #ff6700;
}
